/*============================*/
/*=========== reset ==========*/
/*============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


html,body{
	/*--background:url(../images/background.jpg) repeat left top;--*/
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
}

body{
	background:url(../images/body_bg.jpg) repeat-x top left #fff;
}
body.main{
	background:url(../images/body_bg_main.jpg) repeat-x top left #fff;
}
a{
	text-decoration:none;
	
}

p{
	margin-bottom:10px;
}

img{
	border:none;
	float:left;
}

.clear{
	clear:both;
}

/*=================================================*/
/*====================Header=======================*/
/*=================================================*/
.header{
	width:960px;
	height:81px;
	margin:0 auto;
	background:url(../images/header_bg.jpg) repeat-x left top;
}

.logo{
	float:left;
	width:280px;
	height:81px;
}

.hgroup{
	float:right;
	display:block;
}

ul.memberArea{
	margin:0;
	padding:0;
}

ul.memberArea li{
	list-style:none;
	float:left;
}

ul.memberArea li a{
	display:block;
	margin-right:5px;
}

.nav{
	float:right;
	width:680px;
	margin-top:6px;
	position:relative;
	z-index:999;
}

/*=======================================================*/
/*====================main Content=======================*/
/*=======================================================*/

.maincontentWrapp{
	width:960px;
	padding:0 0;
	min-height:200px;
	margin:10px auto 0;
}

.aside{
	margin:0;
	padding:0 5px 5px;
	width:303px;
	float:right;
}

.asideInner{
	margin:0;
	padding:0 0 5px;
	width:270px;
	float:right;
}

.rightArea{
	float:left;
	width:626px;
}

.rightAreaInner{
	float:left;
	width:670px;
	padding-right:20px;
	margin-bottom:20px;
}


.adBanner{
	margin:10px 0 ;
	width:303px;
	float:left;
}

.testimoniolWrap{
	width:303px;
	min-height:150px;
	padding:0;
	margin:0;
	background:url(../images/open_mark.jpg) no-repeat left 35px;
}

.firstCol h2, .mainCol02 h2, .mainCol03 h2, .testimoniolWrap h2{
	color:#777777;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}

.firstCol{
	margin:0;
	padding:0 5px 15px;
	width:606px;
	float:left;
	margin-bottom:25px;
	font-size:14px;
	border:1px solid #e9e9e9;
	background:#f7f7f7;
}

.firstCol img{
	margin-right:10px;
	padding-bottom:60px;
}

.firstCol h2{
	font-size:30px !important;
}
.mainCol02{
	margin:0 0 10px;
	padding:0 5px 5px;
	width:302px;
	border-right: 1px solid #d9d9d9;
	float:left;
}

.mainCol03{
	margin:0 0 10px;
	padding:0 5px 5px;
	width:303px;
	float:left;
}

.mainCol02 p, .mainCol03 p{
	float:left;
	width:170px;
}

span.more a{
	color:#fead00;
	font-style:italic;
	text-decoration:underline;
	display:block;
	padding:5px 0;
}

.asideBTMBanner{
	width:626px;
	float:left;
	margin:10px 0;
}

.logo_brand{
	margin:0 auto;
	padding:10px 0;
	width:960px;
	border-top:1px dotted #d9d9d9;
	height:auto;
	background:#fafafa;
}

.logo_brand img{
	margin-left:30px;
}

.footeraside{
	width:960px;
	background:#333;
}

#footerSection{
	width:120px;
	float:left;
	min-height:100px;
	padding:10px 20px;
}

#footerSection h3{
	font-size:14px;
	font-weight:bold;
	color:#fff900;
	margin-bottom:5px;
}

#footerSection ul{
	margin:0;
	padding:0;
}

#footerSection ul li{
	list-style:none;
}

#footerSection ul li a{
	display:block;
	color:#fff;
}

#footerSection ul li a:hover{
	color:#fff900;
}

/*===============================*/
/*=========== footer ============*/
/*===============================*/
.footer{
	width:960px;
	margin:0 auto;
}
.copy{
	background:#555;
	color:#fff;
	float:left;
	width:960px
}

.copy address{
	padding:5px 5px;
	line-height:18px;
}

/*===============================*/
/*=== Custom accordian Styles ===*/
/*===============================*/
#accor{
}

p {
  line-height: 1.5em;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 303px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #dddddd;
  color: #444444;
  height:24px;
}
.dailyWrap{
	height:210px;
	padding-top:2px;
	width:303px;
	margin:0 auto;
	background:#fff;
	text-align:center;
}

.listWrap{
	margin:0 auto;
	padding:10px 0 0;
	width:270px;
}
span.daily{
	display:block;
	padding:1px 5px 0px 20px;
	background:url(../images/bullet.png) no-repeat left top;
	line-height:14px;
}

/*============================*/
/*=========== navi ===========*/
/*============================*/
#navi{
	margin:0;
	float:right;
	width:940px;
	height:37px;
	position:relative;
	z-index:9999;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			39px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
	margin-bottom:	5px;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#333;
}
.sf-menu li {
	padding:0;
}

.sf-menu li a{
	line-height:14px;
	padding:10px 10px;
	font-size:14px;
}

.sf-menu li a:hover{
	color:#333333;
}
.sf-menu li li {
	min-width:130px;
	background:#333333;
	padding:0
}

.sf-menu li li a{
		padding:5px 19px 5px 14px;
		color:#fff  !important;
}

.sf-menu li li a:hover{
		background: #fee100;
		color:#333 !important;
}
.sf-menu li li li {
	background:		#9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	color:#ffffff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* ---------------- BEGIN Cycle Styling ---------------- */

#Cycle {
	display:block;
	height: 350px;
	width: 940px;
	margin:0 auto;
	background:url(../images/loading.gif) no-repeat center center;
}
#Cycle_inner {
	display:block;
	height: 295px;
	width: 940px;
	margin:0 auto;
	background:url(../images/loading.gif) no-repeat center center;
}
a.CycBTN {
    border: 2px solid #D9D9D9;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 12px;
	font-weight:bold;
	}

#Cycle p{
    color: #FFFFFF;
    font-size: 15px;
    line-height: 1.45em;
}
#Cycle h3{
    font-family: arvo;
    font-size: 34px;
    font-weight: normal;
    line-height: 1.45em;
    margin: 0 0 5px;
	color: #fff;
}

.CycleWrapper {
    float: left;
    width: 940px;
	height:295px;
	position: relative;
	display:block;
}

.CycleWrapper img{
	position:relative;
	z-index:-1;
	display:block;
}
.CycSlideContent {
    float: left;
    position: absolute;
    top: 0;
}
.CycDetails {
    height: 295px;
    padding: 2px;
    width: 940px;
    z-index: 50;
}
.CycIMG {
	/*border: 2px solid #f90;*/
}

ul#CycNav {
    list-style: none outside none;
	display:none;
    margin: 2px 0 0;
    padding: 0;
    position: absolute;/* thumbnail position*/
    z-index: 100;
	clear: both;
	left:10px;/* thumbnail position if its absolute must add */
	bottom:10px;/* thumbnail position if its absolute must add */
	
}
ul#CycNav li {
	display: block;
    margin: 0;
    padding: 0;
	float:left;
	
}
ul#CycNav li a {
	
}
ul#CycNav li a img{
    border: 3px solid #000000;
    margin-right: 7px;
}
ul#CycNav li a img:hover, ul#CycNav li.activeSlide a img{
    border: 3px solid #f90;
}

/* ---------------- BEGIN Content for each slide ---------------- */

.Slide1 {
    color: #FFFFFF;
    margin: 15px;
    padding: 20px;
    width: 940px;
	}
.Slide2 {
    margin-right: 45px;
    padding: 20px;
    width: 940px;
	}
.Slide3 {
	margin-left: 25px;
    padding: 20px;
    width: 240px;
	}
.Slide4 {
	margin-left: 38px;
    padding: 20px;
    width: 319px;
	}
.Slide5 {
    margin-right: 19px;
    padding: 20px;
    width: 252px;
	}
	
/* ---------------- END Content for each slide ---------------- */	

/*=====================================*/
/*===============banner================*/
/*=====================================*/
.bannerWrapp{
	margin:0 auto;
	width:960px;
	height:324px;
	padding-top:15px;
	background:url(../images/banner_bg.jpg) no-repeat center top;
}

.bannerWrappMain{
	margin:0 auto;
	width:960px;
	height:380px;
	padding-top:15px;
	background:url(../images/banner_bg_main.jpg) no-repeat center top;
}

/*==================================================*/
/*===============inner contents=====================*/
/*==================================================*/

.sidebanner{
	width:270px;
	margin:0;
	padding:10px 0;
}

.sidebanner ul{
	margin:0;
	padding:0;
}

.sidebanner ul li{
	float:left;
	list-style:none;
	margin-bottom:10px;
}

.sidebanner ul li a{
	display:block;
}

h3.title{
	color:#666666;
	font-size:16px;
}

h2.toptitle{
	color:#222222;
	font-size:26px;
	margin-bottom:10px;
}
/*========================================*/
/*============== accordion ===============*/
/*========================================*/
h2.acc_trigger {
	padding: 0;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 37px;
	line-height: 36px;
	width: 655px;
	font-size: 18px;
	font-weight: 900;
	float: left;
}
h2.acc_trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0 0 35px;
}
h2.acc_trigger a:hover {
	color: #ccc;
}
h2.active {
	background-position: left bottom;
}
.acc_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	width: 655px;
	clear: both;
	background: #f0f0f0;
}
.acc_container .block {
}
.acc_container .block p {
}

.acc_container p strong {
	font-weight:bold;
	
}

.acc_container img {
	float: left;
}

a.tooltip {
	color: #ffffff;
	text-decoration: none
	}
 
a.tooltip:hover {
	position: relative;
	text-decoration: none
	}
 
a.tooltip span {
	display: none
	}
 
a.tooltip:hover span {
	display: block;
   	position: absolute; 
	bottom: -10px; 
	left: 0px;
	width: 121px;
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	background: #444444; 
	opacity: 0.9;
	text-align: center
	}
	
a.tooltip:hover span.inside {
	display: block;
   	position: absolute; 
	bottom: -8px; 
	left: -8px;
	width: 110px;
	padding: 5px; 
	margin: 10px; 
	z-index: 100;
	background: #444444; 
	opacity: 0.9;
	text-align: center
}

.promoteWrap{
	padding:10px;
}


.promoteWrap ol{
	margin:10px 20px;
	padding:0px;
}

.promoteWrap ol li{

}

/*======================================*/
/*===============contact================*/
/*======================================*/
@charset "utf-8";
/* CSS Document */
.content {}
.content .left {width:193px; float:left;}
.left-header {border-bottom:solid 3px; color:#F00; padding-bottom:10px; padding-left:5px; margin-top:30px;}
.left-navi {}
.left-navi ul { margin:10px 0 0 0; padding:0;}
.left-navi ul li { list-style:none; padding: 5px 0 5px 5px;}
.left-navi ul li a {display:block; background:url(file:///J|/personal%20stuff/work/freelance_09/html/images/arrow.gif) no-repeat left 3px; color:#333; padding:0 0 0 10px;}
.left-navi ul li a:hover {background:url(file:///J|/personal%20stuff/work/freelance_09/html/images/arrow.gif) no-repeat left 3px; color:#F00; padding:0 0 0 10px; text-decoration:underline;}
.block { padding:6px 0;} 
.content .right {width:731px; float:left; margin-left:32px; }
.box {width:219px; background:#f4f4f4; border:solid 1px #bbbbbb; float:left; margin:0 10px;}
.box-ttle { font-size:14px;  padding:10px; color:#F00; }
.box-desc{ padding:10px; line-height:18px;}
.header-content { font-size:16px; font-weight:bold;}
.content-banner {}
.breadcrum { font-family:Dotum, Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding:15px 0;}




.inner-content-body { width:730px; padding-top:10px; clear:left; text-align:justify;}
.inner-content-body .left {float:left; width:430px;}
.inner-content-body .left2 {float:left; width:400px;}
.inner-content-body .ttl {margin:10px 0; font-size:18px; line-height:25px; text-align:left;}
.inner-content-body .ttl2 { font-size:12px; font-weight:bold; color:#333;}
.input-box { background:#f1f1f1; padding:0 10px 10px; width:300px; margin-bottom:15px; float:left; }
.input-box .padding { margin:10px 0;}
.input-box input {width:280px;  padding:3px; margin-top:5px}
.input-box textarea {width:288px; border:solid #CCC 1px; padding:5px;}
.subscribeBTN2{
	width:80px;
	height:35px;
    margin:10px 0;
	cursor:pointer;
	background:url(file:///J|/personal%20stuff/work/freelance_09/html/images/button-send.gif) no-repeat top left;
	border:none;
}


.inner-content-body .right {width:262px; float:left; margin-left:30px;}
.inner-content-body .right2 {width:280px; float:left; margin-left:40px;}
#imageField3 { width:auto; height:auto;}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

.rightColMessage{
	width:300px;
	float:left;
	height:200px;
	margin-left:20px;
}

.rightColMessage h4{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
}

.addon{
	padding-left:18px;
	background:url(../images/bullet.png) no-repeat left center;
	text-decoration:none !important;
	font-style:normal;
	font-size:14px;
	margin-bottom:5px;
	float:left;
}

.addon a{
	text-decoration:none !important;
}

.asideNav{
	float:left;
	padding:10px 0;
	background:#f2f2f2;
	width:100%;
	margin-bottom:5px;
}

.asideNav ul{
	margin:0 0 0 10px ;
	padding:0 0 0 15px;
}

.asideNav ul li{
	float:left;
	list-style: square;
	margin-right:15px;
	padding-right:10px;
	color:#fecb00;
}

.asideNav ul li a{
	color:#fecb00;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

.asideNav ul li.current, .asideNav ul li.current a{
	color:#333 !important;
}
.asideNav ul li a:hover, .asideNav ul li:hover{
	color:#333;
	text-decoration:underline;
}

.insideTable td{
	padding:2px 5px;
}


.tableStyle1{
	border-collapse:collapse;
	border:1px solid #e9e9e9;
	float:left;
	
}.tableStyle1 th{
	color:#fecb00;
	font-weight:bold;
	background:#444444
}
.tableStyle1 td,.tableStyle1 th{
	padding:3px 7px;
	border:1px solid #e9e9e9;
}

.sectionCol{
	float:left;
	width:300px;
	margin-right:10px;
}

h4.subTitle{
	font-size:16px;
	line-height:18px;
	margin:10px 0 5px;
	color:#777777;
}


